<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push modal-open">
<div class="main-content">
	<div th:replace="~{fragment/left-border :: left}"></div>

	<div th:replace="~{fragment/header :: header}"></div>
		<div id="page-wrapper">
			<div class="main-page">
				<div class="tables">
					<h4><a th:href="@{workOrder/gongdan(current=1,size=5,value='')}">返回</a></h4>
<!--					<h3 class="title1" th:text="${gd}">Tables</h3>-->
<!--					<h3 class="title1"><a href="/workOrder/huifu">返回</a></h3>-->
					<div class="bs-example widget-shadow" data-example-id="bordered-table">
						<div class="search-box" style="margin-bottom:2em;" th:fragment="search-box">
							<form class="input" action="/workOrder/search" method="get">
								<input class="sb-search-input input__field--madoka" placeholder="Search..." type="search" id="input-31" name="value" th:value="${#request.getParameter('value')}"/>
								<label class="input__label" for="input-31">
<!--									<input type="text" name="current" value="1" style="display: none">-->
									<input type="text" name="id" th:value="${session.replyCS}" style="display: none">

									<svg class="graphic" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
										<path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
									</svg>
								</label>
								<input type="submit" value="提交" style="display: none">
							</form>
						</div><!--//end-search-box-->
						<table class="table table-bordered">
<!--							新建回复-->
							<div class="col-md-4 modal-grids" style="margin-top: 1.1em;margin-left: 3em;float: right;">
								<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">
									回复</button>
								<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
									<div class="modal-dialog" role="document">
										<div class="modal-content">
											<form action="/workOrder/commit" method="get">
												<div class="modal-header">
													<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
													<h4 class="modal-title" id="exampleModalLabel">回复</h4>
												</div>
												<div class="modal-body">
													<!--                                        <form action="/customerInfo/insert" method="post">-->
<!--													<div class="form-group">-->
<!--														<label for="recipient-name" class="control-label">工单分类*:</label>-->
<!--														&lt;!&ndash;														<input type="select" class="form-control" name="">&ndash;&gt;-->
<!--														<select name="worktype" class="form-control">-->
<!--															<option>请选择</option>-->
<!--															<option value="分类一">分类一</option>-->
<!--															<option value="分类二">分类二</option>-->
<!--															<option value="分类三">分类三</option>-->
<!--														</select>-->
<!--													</div>-->
													<div class="form-group">
														<label for="recipient-name" class="control-label">工单id:</label>
														<input type="text" class="form-control" name="workorderid" disabled th:value="${session.replyCS}">
													</div>
													<div class="form-group">
														<label for="recipient-name" class="control-label">回复内容*:</label>
														<!--														<input type="textarea" class="form-control" name="phone">-->
														<textarea class="form-control" name="content" placeholder="请输入回复内容" rows="6" required></textarea>
													</div>
<!--													<div class="form-group">-->
<!--														<label for="recipient-name" class="control-label">抄送人:</label>-->
<!--														&lt;!&ndash;														<input type="text" class="form-control" name="email">&ndash;&gt;-->
<!--														<select name="cclist" class="form-control">-->
<!--															<option>请选择</option>-->
<!--															<option value="七尾">七尾</option>-->
<!--															<option value="小白">小白</option>-->
<!--															<option value="小亮">小亮</option>-->
<!--															<option value="小丽">小丽</option>-->
<!--															<option value="小明">小明</option>-->
<!--														</select>-->
<!--													</div>-->
<!--													<div class="form-group">-->
<!--														<label for="recipient-name" class="control-label">优先级:&nbsp&nbsp</label>-->
<!--														<input type="radio" name="priority" value="低">低&nbsp&nbsp&nbsp&nbsp-->
<!--														<input type="radio" name="priority" value="中">中&nbsp&nbsp&nbsp&nbsp-->
<!--														<input type="radio" name="priority" value="高">高&nbsp&nbsp&nbsp&nbsp-->
<!--														<input type="radio" name="priority" value="紧急">紧急-->
<!--													</div>-->

<!--													<div class="form-group">-->
<!--														<label for="recipient-name" class="control-label">工单状态:</label>-->
<!--														<select name="state" class="form-control">-->
<!--															<option>请选择</option>-->
<!--															<option value="未分配">未分配</option>-->
<!--															<option value="未处理">未处理</option>-->
<!--															<option value="待处理">待处理</option>-->
<!--															<option value="处理中">处理中</option>-->
<!--															<option value="已解决">已解决</option>-->
<!--															<option value="已关闭">已关闭</option>-->
<!--														</select>-->
<!--													</div>-->
													<!--                                        </form>-->
												</div>
												<div class="modal-footer">
													<!--                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
													<!--                                        <button type="button" class="btn btn-primary">Send message</button>-->
													<!--                                        <input type="button" class="btn btn-default" data-dismiss="modal">Close</input>-->
													<input type="submit" class="btn btn-primary"></input>
												</div>
											</form>
										</div>
									</div>
								</div>
							</div>
<!--							新建回复-->
							<thead>
							<tr>
								<th>序号</th>
								<th>客服id</th>
								<th>回复时间</th>
<!--								<th>orderDesc</th>-->
<!--								<th>attachment</th>-->
<!--								<th>cclist</th>-->
<!--								<th>工单</th>-->
								<th>回复内容</th>
<!--								<th>customerServiceGroupId</th>-->
<!--								<th>ip地址</th>-->
<!--								<th>客户姓名</th>-->
<!--								<th>channel</th>-->
<!--								<th>更新时间</th>-->
<!--								<th>创建时间</th>-->
<!--								<th>操作</th>-->
							</tr>
							</thead>
							<tbody>
							<tr th:each="w,rowInfo : ${list}">
<!--								<td th:text="${w.workorderid}"></td>-->
								<th th:text="${rowInfo.count}"></th>
								<td th:text="${w.customerserviceid}">Otto</td>
								<td th:text="${w.replytime}">@mdo</td>
<!--								<td th:text="${w.orderdesc}"></td>-->
<!--																<td th:text="${w.attachments}"></td>-->
<!--																<td th:text="${w.cclist}"></td>-->
<!--								<td th:text="${w.operatorclass}"></td>-->
								<td th:text="${w.content}"></td>
								<!--								<td th:text="${w.customerservicegroupid}"></td>-->
<!--								<td th:text="${w.operatorip}"></td>-->
<!--								<td th:text="${w.customername}"></td>-->
								<!--								<td th:text="${w.channel}"></td>-->
<!--								<td th:text="${w.updatetime}"></td>-->
<!--								<td th:text="${w.createtime}"></td>-->
<!--								<td><a th:href="@{/workOrder/detail(id=${w.id})}">查看详情</a></td>-->
							</tr>
							</tbody>
						</table>
<!--						<ul class="pagination pagination-lg">-->
<!--							&lt;!&ndash;                     th:class="${#request.getParameter('current')==i}"    &ndash;&gt;-->
<!--							<li><a th:href="@{/workOrder/daichuli(value=${#request.getParameter('value')},current=${#request.getParameter('current')}-1,size=5)}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>-->
<!--							<li th:classappend="${(#request.getParameter('current') eq #strings.concat(i))?'active':''}" th:each="i:${#numbers.sequence(1,pagesCount)}"><a th:href="@{/workOrder/daichuli(value=${#request.getParameter('value')},current=${i},size=5)}" th:text="${i}"></a></li>-->
<!--							<li><a th:href="@{/workOrder/daichuli(value=${#request.getParameter('value')},current=${#request.getParameter('current')}+1,size=5)}" aria-label="Next"><span aria-hidden="true">»</span></a></li>-->
<!--						</ul>-->

					</div>
<!--					<div class="bs-example widget-shadow" data-example-id="hoverable-table"> -->
<!--						<h4>Hover Rows Table:</h4>-->
<!--						<table class="table table-hover"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table>-->
<!--					</div>-->
<!--					<div class="bs-example widget-shadow" data-example-id="contextual-table"> -->
<!--						<h4>Colored Rows Table:</h4>-->
<!--						<table class="table"> <thead> <tr> <th>#</th> <th>Column heading</th> <th>Column heading</th> <th>Column heading</th> </tr> </thead> <tbody> <tr class="active"> <th scope="row">1</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">2</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="success"> <th scope="row">3</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">4</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="info"> <th scope="row">5</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">6</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="warning"> <th scope="row">7</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">8</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="danger"> <th scope="row">9</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> </tbody> </table> -->
<!--					</div>-->
<!--					<div class="table-responsive bs-example widget-shadow">-->
<!--						<h4>Responsive Table:</h4>-->
<!--						<table class="table table-bordered"> <thead> <tr> <th>#</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> <tr> <th scope="row">2</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> <tr> <th scope="row">3</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> </tbody> </table> -->
<!--					</div>-->
				</div>
			</div>
		</div>
		<!--footer-->
<!--		<div class="footer">-->
<!--		   <p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>-->
<!--		</div>-->
        <!--//footer-->
	</div>
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.js"> </script>
</body>
</html>